<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button").click(function (e) {
                // console.log(12)
                console.log(e)
                // console.log(event.target)
                // $("p").hide();
                $("#hide-id").hide();
                $(".hide-class").hide();
                $("[type]").hide();
                $("p").css("background-color","red");
            });
            $("button").click(function (e){
                console.log('click div');
                $.get("http://www.mxnzp.com/api/lottery/ssq/aim_lottery?expect=2018135",function(data,status){
                    console.log(JSON.stringify(data))
                });
            });
        });
    </script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p id="hide-id">hide id</p>
<p class="hide-class">hide class</p>
<input type="text"><br>
<button type="button">Click me</button>

<div>
    <button>bt1</button>
    <button>bt2</button>
</div>
</body>
</html>
